<template>
  <div class="gouwuchetijiao">
    <div class="chenggong">
      <div class="toptop">
        <i class="iconfont icon-duihao2"></i>
        <div>
          <span class="huang">支付成功</span>
        </div>
        <div class="anniu">
          <div class="huangse">查看订单</div>
          <span class="kongjian"></span>
          <div class="lvse">返回首页</div>
        </div>
        <div>订单编号 : <span>12345678912345123456</span></div>
      </div>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import "@/assets/font/iconfont.css";
export default {
  data() {
    return {
      chongis: true
    };
  },
  methods:{
  }
};
</script>
<style scoped>
.gouwuchetijiao {
  width: 80%;
  margin: 0px auto;
}
.huang {
  color: #f08200;
}
.chenggong .huang {
  font-size: 2rem;
}
.anniu {
  display: flex;
  justify-content: center;
  padding: 2rem 0px;
}
.anniu div{
  color: #e6e6e6;
  padding: 0.6rem 3rem;
  border-radius: 3px;
}
.anniu div:hover{
  color: #fff;
}
.huangse{
  background: #f08200;
  border-color: #f08200;
}
.huangse:hover{
  background: #f8a846;
  border-color: #f8a846;
}
.lvse{
  background: #498e3d;
  border-color: #498e3d;
}
.lvse:hover{
  background: #6cce5b;
  border-color: #6cce5b;
}
.kongjian{
  padding: 0px 2rem;
}
</style>